<!doctype html>
<html>
<head>
<meta charset='utf-8'/>
<title>jQuery图片放大镜插件 xue</title>
<script type="text/javascript" src='jquery-1.11.3.min.js' ></script>
<script type="text/javascript" src='imgZoom.js'></script>
<style>
.img-responsive{
width:350px;
}
.product-main-image{
width:350px;
height:350px;
}
</style>
</head>
<body>
<div class="demoParent">
		<div class="product-main-image">
                 <img src="http://www.t-chs.com/tuhsJDEwLmFsaWNkbi5jb20vaTEvMTAzODc1MTM0Ni9UQjJpTV9hbWJCbXB1RmpTWkZ1WFhhR19YWGFfISExMDM4NzUxMzQ2JDk.jpg" class="img-responsive">
        </div>
</div>

<script>
$("div.product-main-image").imgZoom({mouseX:"8",mouseY:"8"});
</script>
</body>
</html>
